<template>
  <div>
    <form>
      用户名： <input type="text" v-model="username">
      密码 <input type="password" v-model="password">
      <button type="button" @click="login">登陆</button>
    </form>

  </div>
</template>

<script>
  export default {
    name: "login",
    methods: {
      login() {
        //这里应该是后台进行判断才行
        if (this.username === 'admin' && this.password === "123") {
          //成之后给我们发一个token
          localStorage.setItem("token", "111")//这样的话 我们的任意的一个页都是可以获得我们的token
          this.$router.push("/");//这个是在我们的自己的页面里面进行跳转的时候是比较的方便（我们的这个传递的应该是一个token进去）
        } else {
          alert("用户名或者密码错误")
        }
      }
    },
    data() {

      return {
        username: "",
        password: "",
      }

    }
  }
</script>

<style scoped>

</style>
